// let nav = document.querySelector(".banner-body9");
// console.log(nav);
let oNav = document.querySelectorAll("li");
console.log(oNav);
let tabs = document.querySelectorAll(".banner-body10");
console.log(tabs);
// let oDiv = document.querySelectorAll(".banner-body10 a");
// console.log(oDiv);

// 循环遍历ul得到每一个li和li的下标
// for (let i=0; i<oNav.length; i++){
//     oNav[i].index=i;
//     console.log(oNav[i]);//打印每个li
//     console.log(oNav[i].index);//每个li的下标
//     //给每个li添加点击事件
//     oNav[i].onclick = function(){
//         console.log("点击了li");

        
//     }
    
// }

oNav.forEach(function(nav,i){
    console.log(nav,i);
    nav.onclick = function(){
        console.log(nav,i);
        oNav.forEach(function(v){
            v.style.color="";
            v.style.fontWeight="normal";
        })
        nav.style.color="black";
        nav.style.fontWeight="700";

        tabs.forEach(function(div,i){
            console.log(div,i);//得到对应的div和div的下标
            console.log(tabs[i]);//每个div
            div.style.display="none";
        })
        tabs[i].style.display="block";

        
    }
})


